let $image = $('.container img')
    let options={
         aspectRatio: 1 ,
            preview:'.preview'
    }
    $image.cropper(options)
    $('#btnChooseImage').click(function(){
        $('#file').click()
    })
    $('#file').on('change',function(){
        const file=this.files[0]
        console.log(file)
        if(!file){
          return  
        }
        const imgsrc=URL.createObjectURL(file)
        console.log(imgsrc)
        $image.cropper('destroy').attr('src', imgsrc).cropper(options)
    })
    //==================== 裁剪图片 ====================
    $('#btnCreateAvatar').click(function () {
        // 剪裁得到一张图片（canvas图片）
        let base64Str = $image.cropper('getCroppedCanvas', { // 创建一个 Canvas 画布
            width: 100,
            height: 100
        })


        let data=base64Str.toDataURL('image/png');
        // 以下写法不是数据格式所需要的
        // 后端偷懒不让使用json数据格式只能使用键=值，键值对格式
        base64格式中有特殊字符所以需要转换
        axios.post('/my/update/avatar',`avatar=${encodeURIComponent(data)}`)
        .then(function ({data:{status,message}}) {
            // console.log(data);
            if(status!==0){
                return  layer.msg(message)
            }
            layer.msg(message)
            window.parent.theuser()
        })
       
    })